资讯月刊下载
JavaScript性能故事:选择可视化方法
引用原文:A Tale of JavaScript Performance 作者:Tom Lagier 翻译:Vincent 译者注:作者在上一篇文章里面讲述了如何设计节点去展示性能,本文作者将继续这个系列,讲述应该选择何种可视化方法以及每一种方法的缺点。以下为译文。 本文将继续介绍关于我对JavaScript性能调查的系列–通过为Chrome内存配置文件创建可视化工具进行记录。今天我想聊一下我是 ...
GSForm:轻量级的表单框架(OC)
1.主要特点 轻量级,只有4个类,1个控制器Controller,3个视图模型ViewModel 支持** iOS8 及以上 ** GitHub 和 Demo 下载 支持完全自定义单元格cell类型 支持自动布局Autolayout和固定行高 表单每行row数据和事件整合为一个model,基本只需管理row 积木式组合 row,支持 section 和 row 的隐藏,易于维护 支持传入外部数据 ...
十大 Node.js 端到端测试框架,快速提升工作效率
Node.js 系统含有多种不同的结构,如 MVC、全栈、REST API 和生成器等。这些结构不仅提升了 Web 应用的开发效率,也优化了开发过程。在这里,我们收集整理了十个高效的 Node.js 框架,希望对你有帮助。 1、Node.js 开发框架 Sail.js Sails.js 就像是 Node.js 平台上的 Rails 框架。这是一个可靠可伸缩的开发框架,面向服务的架构,提供数据驱 ...
JavaScript ES2017 中值得期待的功能
由于ES6 / ES2015花了大约6年的时间,才得以发布,因此负责JavaScript语言规范的技术委员会TC39,决定按年度周期来发布ES。这种变化允许ES语言规范,以更小和更迭代的版本形式进行发布。这样可以保证:如果特征语言规格在今年截止日期之前没有完成,那么它可以包含在明年的发布版本中。这种较小但功能强大的年度发布周期形式,允许语言规范持续增长。 ES2017介绍 对很大一部分Jav ...
Kanary:基于Kotlin的可扩展RESTful API Web框架
引用原文:Kanary 作者:SeunAdelekan 翻译:Vincent 译者注:本文主要讲Kanary的安装和依赖等内容,旨在利用高效的方法帮助工程师和开发人员创建基于微服务。以下为译文 License:Apache 2.0 Download:0.9.0 Code Climate:1 issues Kanary是一个用于构建可扩展和富有表现力的的RESTful API的Kotlin Web ...
前端模块化发展简史
前端发展日新月异,短短不过 10 年已经从原始走向现代,甚至引领潮流。网站逐渐变成了互联网应用程序,代码量飞速增长,为了支撑这种需求和变化,同时兼顾代码质量、降低开发成本,接入模块化势在必行。伴随这一变化的是相对应的构建工具的快速成长,或是为了优化、或是为了转义,都离不开这类工具。 所谓温故而知新,本篇回顾总结下前端模块化的发展历程及辅助工具。在回顾中可以更清晰的看到当前我们用的方案所处的位置,为 ...
Node.js v8.0.0 正式发布,带来大量更新
Node.js v8.0.0 已正式发布。v8.0.0 是下一个主要的版本,带来了一系列重大的变化和新功能,内容十分多,本文包含主要重要的更改和功能的摘要。 npm 5.0.0 npm 最近宣布发布了 5.0.0 版本的 npm 客户端,现在在 Node.js 8.0.0 中使用了这个重要的新版本。 V8 5.8 Node.js 8.0.0 使用了 V8 5.8,这是 JavaScript ...
15 个有用的 JavaScript 和 CSS 库
高质量的网页设计需要直观和用户友好的界面,而且屏幕上的元素也起着非常重要的作用。Web 设计师不断地寻找优秀代码的集合,希望能提升工作效率。但找到合适的工具库并不总是那么容易的。网络上有太多的资源可以使用,而且也是免费的,因此很难判断哪些资源比较好。这就是精心搜索并编写这个最好的库列表的原因。 无论是希望创建一个视觉上吸引人和功能强大的布局,还是需要在表单和其他区域添加屏幕上的规则和验证,你都会喜 ...
9个非常有意思的HTML5动画推荐
这次要推荐的是9款非常有意思的HTML5动画,这些动画有些是基于Cavans的,有些是SVG结合HTML5实现的,让我们一起来看看。 1、HTML5梦幻特效 可给任意元素添加魔幻效果 我们之前介绍HTML5动画特效比较多的是HTML5 3D特效,今天我们来换一种风格,来分享一款看起来比较魔幻的HTML5特效。它可以给网页上任意元素(图片、文字等)添加这么一种效果,即鼠标滑过时,元素上就会出现非常 ...
10大炫酷的HTML5文字动画特效欣赏
文字是网页中最基本的元素,在CSS2.0时代,我们只能在网页上展示静态的文字,只能改变他的大小和颜色,显得枯燥无味。随着HTML5的发展,现在网页中的文字样式变得越来越丰富了,甚至出现了文字动画,HTML5和CSS3的强大之处就在于此。本文分享的10款炫酷的HTML5文字动画特效非常不错,一起来看看吧。 1、HTML5 Canvas粒子效果文字动画特效 之前我们分享过很多超酷的文字特效,其中也有 ...
15 个有趣的 JS 和 CSS 库
时光飞逝, 每月 Tutorialzine 都会为大家分享一些有趣的前端库。那么在本月,又准备了哪些优秀的 Web 开发资源呢?前端儿,一起来瞧瞧吧! 1. Buefy 这是一个基于 Bulma 的 Vue.js 轻量级 UI 组件,而 Bulma 则是基于 Flexbox 的 CSS 库。Buefy 具备典型的 Web 应用程序所必备的所有组件,例如 modals、toast 以及 notif ...
构建 React.js 应用的十佳 UI 框架,都在这了!
构建你的下一个 React.js APP,有这些优秀的 UI 框架就够了。 1、Material-UI 一套实现 Google Material Design 的 React 组件 同时,它也是 React 的第一批 UI 工具套件之一。Material-UI 包含你需要的所有组件(甚至更多)。 Material-UI 预定义的调色板和 <MuiThemeProvider> 可配 ...
Node.js 成为 Web 应用开发最佳选择的十个原因
一项颠覆性的技术进入技术市场总会带来一阵震惊,但随之而来往往是被放弃。然而,Node.js 当然不是这样的情况,它是一个开源的、跨平台的基于 Chrome 的 JavaScript 运行时。Node.js 由 Ryan Dahl 于 2009 年开发,该平台现在已成为实时 Web 应用开发的独特选择,通过提供高度交互的用户体验来提高 ROI。 使用 Node.js 的最大优点是开发人员可以在客户 ...
Angular4发布以及与React的深度对比
前景 Angular 就在2017年的3月,Angular已经发布了4.0的版本(兼容2.x版本),关于为什么是4.0,官方的解释是因为Router这个主要核心组件的版本已经是4.0.0,如果Angular还用3.0会引起混淆,如下图: 4.0版本中主要是大幅度的减小了代码体积(60%),同时提高了加载的速度(肉眼可查的程度),同时报错的信息更清晰了。根据官方的文档,Angular的版本升级 ...
单页式应用性能优化-首屏数据渐进式预加载
前言 针对首页和部分页面打开速度慢的问题,我们开始对单页式应用性能进行优化。本文介绍其中一个方案:基于 HTTP Chunk 的首屏数据渐进式预加载方案,该方案总体减少了单页应用1.2s的首屏呈现时间。同时对比其与同构渲染方案的异同。 背景介绍 单页式应用是近几年来前端技术栈发展与落地的最典型场景,Angular、Vue、React等,这些相关的技术栈目的都是从架构层面为单页式应用提供研发解决方案 ...
如何处理好前后端分离的 API 问题
引用API 都搞不好,还怎么当程序员?如果 API 设计只是后台的活,为什么还需要前端工程师。 作为一个程序员,我讨厌那些没有文档的库。我们就好像在操纵一个黑盒一样,预期不了它的正常行为是什么。输入了一个 A,预期返回的是一个 B,结果它什么也没有。有的时候,还抛出了一堆异常,导致你的应用崩溃。 因为交付周期的原因,接入了一个第三方的库,遇到了这么一些问题:文档老旧,并且不够全面。这个问题相比于没 ...
编写可维护代码之“中间件模式”
引言 此次我们谈论的中间件,针对前端和Node的Express和Koa开发而言。对于严格意义上的中间件(平台与应用之间的通用服务),例如用于缓解后台高访问量的消息中间件,本篇不会去叙述,因为不是本篇的论述意图。 言归正传,当我们在编写业务代码时候,我们无法避免有些业务逻辑复杂而导致业务代码写得又长又乱,如果再加上时间紧凑情况下写出来的代码估计会更让人抓狂。以至于我们一直在寻求更好的架构设计和更好的 ...
70%以上业务由H5开发,手机QQ Hybrid 的架构如何优化 ...
随着前端开发的兴起,QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时,QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面,受到了更多的挑战。在快速的Web运营节奏下,必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题,QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验,也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。 ...
2017 Web 开发者学习路线图
本文是源自 Github 上 Kamran Ahmed 建立的一个仓库。在文中,作者为他的老教授分享了一组成为前端与后端开发者以及 Devops 人员需要掌握的学习路线图,以便与他的学生们分享他们的观点。 同时,有任何改进的建议或意见也欢迎给作者提 PR 。那么,我们一起来看看需要 Get 哪些技能? 介绍 前端开发学习路线图 对于后端,作者更喜欢使用 Node JS 和 PHP-7,同时最 ...